<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title></title>
  <script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
</body>
<script type="text/javascript">
  // 同源策略
  // 同源策略（Same origin policy）是一种约定,它是浏览器最核心也最基本的安全功能,由客户端访问某一个服务器的文件时，如果发起请求的这个来源与进行响应的目标的源不一致，目标源出于安全的角度，将拒绝这次访问。

  // 注意:请求别人服务器下的接口  需要用对方服务器下的绝对路径

  // 同源  协议名、域名、端口，这三项都相同，则被称为同源。
  // 跨域  协议名、域名、端口，三项中只要有一项不同，则被称为跨源。 => 跨域


  // 跨域报错 
  // Access to XMLHttpRequest at 'http://192.168.59.126/2108_php/demo_32/php/searchAllGrade.php' from origin 'http://127.0.0.1:8848' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

  // 从Hbuildx(http://127.0.0.1:8848) 通向 apache服务器接口(http://192.168.59.126/2108_php/demo_32/php/searchAllGrade.php) 的请求被cors 拒绝了, => 没有在 头部配置  Access-Control-Allow-Origin

  // CORS   跨域资源共享协议 ( 可以跨域 要遵从统一的规范)

  $.ajax({
    type: "get",
    url: "http://192.168.59.126/2108_php/demo_32/php/searchAllGrade.php",
    dataType: "json",
    success: function (data) {
      console.log(data);
    }
  })




</script>

</html>